<template>
  <view class="py-2 d-flex justify-content-around bg-body">
    <view v-for="(item,index) in itemList" :key=index
          class="col-2 d-flex flex-column justify-content-center align-items-center">
      <view class="ratio ratio-1x1">
        <image :src="item.icon" class="numIcon"/>
      </view>
      <view class="fw-bold">
        {{ item.name }}
      </view>
      <view class="text-secondary">
        {{ item.num }}
      </view>
    </view>
  </view>
</template>
<script>

export default {
  name: "WalletCpt",
  data() {
    return {
      itemList: [
        {
          icon: "/static/切图/首页/余额.png",
          name: "余额",
          num: "34.02"
        },
        {
          icon: "/static/切图/首页/积分.png",
          name: "积分",
          num: "843"
        },
        {
          icon: "/static/切图/首页/券.png",
          name: "优惠券",
          num: "3"
        },
      ],
    }
  },
  methods: {
    goTo(url) {
      console.log("goto", url);
      uni.navigateTo({
        url: url,
      });
    }
  }
}
</script>
<style scoped lang="less">
</style>
